<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">
    
    <h:body>
        <ui:composition template="/view/plantilla/base.xhtml">
            <ui:define name="cuerpo">
                <h1>#{i18n.gch_programa_listado}</h1>
                <div class="informacion">
                    <h:messages />
                </div>
                <h:form>
                    <fieldset>
                        <legend>#{i18n.gch_app_datos_de_busqueda}</legend>
                        <div>
                            <p:outputLabel value="#{i18n.gch_programa_titulo}" />
                            <p:inputText value="#{programaBean.titulo}"  maxlength="50" label="#{i18n.gch_programa_titulo}" />
                        </div>
                        <div>
                            <p:outputLabel value="#{i18n.gch_programa_descripcion}" />
                            <p:inputText value="#{programaBean.descripcion}"  maxlength="50" label="#{i18n.gch_programa_descripcion}"/>
                        </div>
                        <div>
                            <p:outputLabel value="#{i18n.gch_programa_busqueda_tipo}" />
                            <h:selectOneListbox value="#{programaBean.tipoBusqueda}" size="1" >
                                <f:selectItem itemValue="2" itemLabel="#{i18n.gch_programa_seleccione}" />
                                <f:selectItem itemValue="0" itemLabel="#{i18n.gch_programa_busqueda_completa}"/>
                                <f:selectItem itemValue="1" itemLabel="#{i18n.gch_programa_busqueda_parcial}"/>
                                <f:validator  validatorId="selectVacio"/>
                            </h:selectOneListbox> 
                        </div>            
                    </fieldset>
                    <p:commandButton action="#{programaBean.buscar}" value="#{i18n.gch_programa_buscar}" ajax="false" />
                </h:form>
                <div>
                    <nav>
                        <ul>
                            <li>
                                <h:form style="padding: 0em ; border:none">
                                    <p:commandButton action="#{programaBean.nuevo}" value="#{i18n.gch_programa_nuevo}"  style="margin:0em" ajax="false"/>
                                </h:form>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div>
                    <h:form style="padding: 0em ; border:none;background-color: transparent">
                        <ul id="resultadoConsulta">
                            <li class="cabeceraConsulta">
                                <span>#{i18n.gch_programa_codigo}</span>
                                <span>#{i18n.gch_programa_titulo}</span>
                                <span>#{i18n.gch_programa_descripcion}</span>
                                <span>#{i18n.gch_programa_editar}</span>
                                <span>#{i18n.gch_programa_eliminar}</span>
                            </li>

                            <ui:repeat var="programa" value="#{programaBean.lstProgramas}">
                                <li>
                                    <span>#{programa.codigo}</span>
                                    <span>#{programa.titulo}</span>
                                    <span>#{programa.descripcion}</span>
                                    <span>
                                        <h:commandLink value="#{i18n.gch_programa_editar}" action="#{programaBean.editar(programa)}" />
                                    </span>
                                    <span>
                                        <h:commandLink value="#{i18n.gch_programa_eliminar}" action="#{programaBean.eliminar(programa)}" />
                                    </span>
                                    <!--<a href="%{urlEliminar}" onclick="if (!confirm('%{confirmar_msg}')){return false;}" style="cursor: pointer" >gch.programa.eliminar</a>-->
                                </li>
                            </ui:repeat>

                        </ul>
                    </h:form>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</f:view>
